﻿<style>
    /*#region Tracking menu*/
    #tracking-menu > ul.list-group > .header {
        background-color: #ffc107;
        color: white;
    }

    #tracking-menu > ul.list-group > li.list-group-item > .list-group-item-contain {
        background-color: #ffd54f;
        color: black;
    }

        #tracking-menu > ul.list-group > li.list-group-item > .list-group-item-contain:hover {
            background-color: #ffa000;
            color: white;
        }

    #tracking-menu > ul.list-group > li.active > .list-group-item-contain {
        font-weight: bold;
        border-left: 5px solid #ffc107;
    }

    /*#endregion*/
</style>

<nav id="tracking-menu">
    <ul class="list-group">
        @if (ViewContext.RouteData.Values["controller"].ToString().ToUpper() == "MESSAGE")
        {
            @:<li class="list-group-item active">
        } else{
            @:<li class="list-group-item">
        }
            <img class="inline" src="~/Images/message-64.png" />
            @Html.ActionLink("Messages", "Index", "Message", null,
            new { @class = "list-group-item-contain" })
        </li>
        
        @if (ViewContext.RouteData.Values["controller"].ToString().ToUpper() == "LOCATION")
        {
            @:<li class="list-group-item active">
        } else{
            @:<li class="list-group-item">
        }
            <img class="inline" src="~/Images/location-64.png" />
            @Html.ActionLink("Location", "Index", "Location", null,
            new { @class = "list-group-item-contain" })
        </li>
    </ul>
</nav>
